<template>
	<div style="padding-left:20px;">
	<el-row :gutter="20">
	<el-col :span="5" >快速选择
	<el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in optionsKsxz1"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
	</el-select>
	</el-col>
	<el-col :span="5" >
	<el-input  placeholder="采购员(或其它常用字段)"></el-input>
	</el-col>
  <el-col :span="8" ><div>
  <el-date-picker type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right">
  </el-date-picker>
  </div></el-col>
  <el-col :span="6">
  
  <el-button type="plain" icon="el-icon-s-data" style="border: 1px solid #fe7300;" align="right">统计</el-button><el-button type="plain"  align="right">导出</el-button><el-button type="plain"  align="right">打印</el-button>
  </el-col>
</el-row>
<el-row>
<el-col :span="24">
					<image src="/public/images/baobiao2.png" style="width: 100%;height:200px;"/>
				</el-col>
			</el-row>
			<el-row>
<el-row>
			月份	日期	供应商名称	物品名称	采购单号	金类型	成色	颜色	型号	规格	尺寸	单位	数量	重量	折足金料重量	金价	系统单价	采购单价	对足金料重量	足金折现金额	加工费	总金额	采购员	备注
			</el-row>
<el-col :span="24">
      <el-table
                ref="multipleTable"
                :data="tableData"
                show-summary
                border
                stripe
                height="600"
                row-class-name="tableRow"
                header-row-class-name="tableHeader"
                @row-dblclick="handleSelectionChange"
                style="width: 100%;padding-right:20px;" >
        <el-table-column
                    type="selection"
                    width="55"> </el-table-column>
        <el-table-column
                    prop="id"
                    label="序号"
                    width="50"> </el-table-column>
        <el-table-column
                    prop="date"
                    label="日期"
                    width="150"> </el-table-column>
		<el-table-column
                    prop="date"
                    label="采购员"
                    width="150"> </el-table-column>
		<el-table-column
                    prop="date"
                    label="部门"
                    width="150"> </el-table-column>
					
        <el-table-column
                    prop="date"
                    label="供应商名称"
                    width="150"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="物品名称"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="采购单号"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="成色"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="颜色"
                    width="120"> </el-table-column>
        </el-table-column>
        <el-table-column
                    prop="name"
                    label="数量"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="重量"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="折足金料重量"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="金价"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="系统单价"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="采购单价"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="对足金料重量"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="对足金料重量"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="足金折现金额"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="加工费"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="总金额"
                    width="120"> </el-table-column>
        <el-table-column
                    prop="name"
                    label="备注"
                    width="120"> </el-table-column>
      </el-table>	
				</el-col>
			</el-row>
			<el-row>
			月份	日期	供应商名称	物品名称	采购单号	金类型	成色	颜色	型号	规格	尺寸	单位	数量	重量	折足金料重量	金价	系统单价	采购单价	对足金料重量	足金折现金额	加工费	总金额	采购员	备注

			</el-row>
			
	</div>
</template>
<script>
module.exports={
    data() {
      return {
        optionsKsxz1: [{
          value: '选项1',
          label: '本月'
        }, {
          value: '选项2',
          label: '上月'
        }, {
          value: '选项5',
          label: '本季度'
        },{
          value: '选项3',
          label: '最近一周'
        }, {
          value: '选项4',
          label: '本年'
        }, {
          value: '选项6',
          label: '全部'
        }],
        value: ''
      }
    }
  }
</script>

</script>
